@charset "utf-8";
.time-select-fixed {
    background-color: #F1F2F7;
    padding-top: 25px;
    position: fixed;
    width: 100%;
    z-index: 10;
    margin-right: 25px;
}
.index-content {
    overflow: auto;
}
.time-select-bar {
    height: 40px;
    margin-left: 25px;
    margin-right: 25px;
}
.time-select-bar .time-select {
    margin-top: 8px;
}
.time-select-bar .time-select2 {
    border-bottom: 0
}
.time-select-bar .date-input {
    float: right;
    margin-right: 6px;
    margin-top: 5px;
}
.time-select-bar .label-text {
    float: right;
    font-size: 13px;
    margin-top: 10px;
    margin-right: 3px;
}
.index-content .ct-grid-3 {
    margin-left: 25px;
}
.index-content .ct-grid-3 .col-sub,
.index-content .ct-grid-3 .col-main,
.index-content .ct-grid-3 .col-extra {
    width: 33.33%;
}
.index-content .ct-grid-3 .inner-box {
    padding-right: 25px;
}
.index-content .ct-grid-3 .ct-shadow {
    height: 351px;
}
.index-content .title {
    font-size: 16px;
    font-weight: normal;
    padding-left: 18px;
    padding-top: 19px;
}
.index-content .title .more {
    float: right;
    font-size: 12px;
    color: #333;
    margin-right: 20px;
}
.index-content .platform-info li {
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    color: #666;
    padding-left: 38px;
    overflow: hidden;
    border-left: 3px solid #fff;
    background: url(../../images/plamform-bg.png) no-repeat;
}
.index-content .platform-info li:hover {
    border-left: 3px solid #06BCFF;
    background-color: #FCFCFC;
}
.index-content .platform-info li + li {
    border-top: 1px solid #EFEFEF;
}
.index-content .platform-info span {
    float: right;
    padding-right: 5px;
    font-size: 20px;
    color: #333;
}
.index-content .platform-info span em,
.index-content .platform-info span i {
    font-size: 15px;
}
.index-content .platform-info span i {
    display: inline-block;
    width: 44px;
    text-align: left;
    padding-left: 7px;
}
.index-content .platform-info li.li-1 {
    background-position: 3px 0;
}
.index-content .platform-info li.li-2 {
    background-position: 3px -43px;
}
.index-content .platform-info li.li-3 {
    background-position: 3px -86px;
}
.index-content .platform-info li.li-4 {
    background-position: 3px -130px;
}
.index-content .platform-info li.li-5 {
    background-position: 3px -172px;
}
.index-content .platform-info li.li-6 {
    background-position: 3px -215px;
}
.index-content .platform-info li.li-7 {
    background-position: 3px -258px;
}
.index-content .platform-info li.li-8 {
    background-position: 3px -304px;
}
.index-content .task-box .clearfix {
    margin-right: 18px;
    margin-top: 18px;
}
.index-content .task-box .clearfix + .clearfix {
    margin-top: 18px;
}
.index-content .task-box .item {
    width: 50%;
    float: left;
}
.index-content .task-box .item-inner {
    position: relative;
    text-align: center;
    cursor: pointer;
    height: 128px;
}
.index-content .task-box .item-box {
    padding-left: 18px;
}
.index-content .task-box .item-inner h4 {
    color: #fff;
    font-size: 50px;
    padding-top: 24px;
    padding-bottom: 10px;
}
.index-content .task-box .item-inner1 {
    background-color: #6CCAC9;
}
.index-content .task-box .item-inner1:hover {
    background-color: #7CDEDE;
}
.index-content .task-box .item-inner2 {
    background-color: #FF6C60;
}
.index-content .task-box .item-inner2:hover {
    background-color: #FF8176;
}
.index-content .task-box .item-inner3 {
    background-color: #FAC831;
}
.index-content .task-box .item-inner3:hover {
    background-color: #FAD150;
}
.index-content .task-box .item-inner4 {
    background-color: #49C0ED;
}
.index-content .task-box .item-inner4:hover {
    background-color: #67D3FA;
}
.index-content .task-box .item-inner p {
    color: #fff;
    font-size: 14px;
}
.index-content .task-box .item-inner .icon {
    display: block;
    right: 11px;
    top: 11px;
    position: absolute;
    background: url(../../images/icon-common.png) no-repeat;
}
.index-content .task-box .item-inner1 .icon {
    width: 31px;
    height: 31px;
    background-position: -70px -407px;
}

.index-content .task-box .item-inner1 .icon {
    width: 31px;
    height: 31px;
    background-position: -70px -407px;
}
.index-content .task-box .item-inner2 .icon {
    width: 29px;
    height:26px;
    background-position: -105px -409px;
}
.index-content .task-box .item-inner3 .icon {
    width: 27px;
    height:32px;
    background-position: -141px -407px;
}
.index-content .task-box .item-inner4 .icon {
    width: 26px;
    height:26px;
    background-position: -172px -410px;
}

.index-content .ct-grid-2 {
    margin-left: 25px;

}
.index-content .ct-grid-2 .col-sub,
.index-content .ct-grid-2 .col-extra {
    width: 50%;
}
.index-content .ct-grid-2 .inner-box {
    padding-right: 25px;
}
.index-content .ct-grid-2 .ct-shadow {
    padding-bottom: 28px;
    padding-top: 5px;
}
.index-content .title-bar {
    font-size: 16px;
    line-height: 20px;
    background: url(../../images/icon-chart_08.png) no-repeat 0 18px;
    padding-left: 32px;
    margin-right: 20px;
    padding-top: 18px;
    margin-left: 18px;
}
.index-content .title-bar .link-more {
    font-size: 13px;
    float: right;
    color: #333;
}

.index-title {
    margin: 25px 25px 20px;
    position: relative;
}
.index-title img {
    display: block;
    height: 95px;
    width: 100%;
}
.index-title  span {
    display: inline-block;
    width: 175px;
    position: absolute;
    left: 50%;
    margin-left: -88px;
    background: url(../../images/title-text.png) no-repeat;
}
.index-title .icon-anquan {
    height: 52px;
    top: 22px;
    background-position: 0 -15px;
}
.index-title .icon-nenghao {
    height: 59px;
    top: 18px;
    background-position: 0 -85px;
}
.index-title .icon-jiwu {
    height: 55px;
    top: 19px;
    background-position: 0 -158px;
}

.ct-energe {
    padding-bottom: 25px;
    margin: 20px 25px 0;
    padding-right: 20px;
    padding-top: 6px;
}
.ct-energe .chart-item {
    width: 33.33%;
    float: left;
}
.ct-energe .chart-item .inner-box {
    padding-left: 20px;
}
.ct-energe .table-wrap {
    margin-left: 30px;
    margin-top: 20px;
}
.ct-energe .table-wrap .table-bar a {
    float: right;
    font-size: 12px;
    color: #333;
}
.ct-energe .table-wrap .table-bar {
    margin-bottom: 10px;
}

.ct-grid-3 .question-bar {
    height: 82px;
    background-color: #FCFCFC;
    border-top: 1px solid #EBEBEB;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.ct-grid-3 .question-bar .item {
    float: left;
    width: 50%;
    border-right: 1px solid #EAEAEA;
    height: 82px;
    position: relative;
}
.ct-grid-3 .question-bar .item2 {
    float: none;
    overflow: hidden;
    border-right: 0;
    width: auto;

}

.ct-grid-3 .question-bar h4 {
    font-size: 14px;
    padding-left: 29px;
    color: #666;
    padding-top: 17px;
    padding-bottom: 15px;
    font-weight: normal;
}
.ct-grid-3 .question-bar p {
    font-size: 24px;
    padding-left: 29px;
}
.ct-grid-3 .question-bar p em {
    font-size: 16px;
    padding-left: 5px;
    color: #666;
}
.ct-grid-3 .question-bar .icon-arrow-up {
    position: absolute;
    width: 47px;
    height: 31px;
    background: url(../../images/icon-data-arrow.png) no-repeat 0 -224px;
    display: block;
    right: 15px;
    top: 18px;
    padding-top: 34px;
    text-align: center;
    color: #FF6C60;
    font-size: 14px;
}
.ct-grid-3 .question-bar .icon-arrow-down {
    background: url(../../images/icon-data-arrow.png) no-repeat 0 -347px;
    color: #A9DF64;
}

.jw-question {
    margin-top: 20px;
}
.jw-question li {
    height: 58px;
    line-height: 58px;
    border-top: 1px solid #ECECEC;
    border-left: 4px solid #fff;
}
.jw-question li:hover {
    border-left: 4px solid #06BCFF;
}
.jw-question li em {
    font-size: 22px;
    color: #a1a1a1;
    font-style: italic;
    display: inline-block;
    text-align: left;
    padding-left: 20px;
    float: left;
}
.jw-question li span {
    float: left;
    font-size: 14px;
    color: #333;
    margin-left: 25px;
    white-space: nowrap;
    width: 58%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jw-question li i {
    display: inline-block;
    width: 55px;
    height: 20px;
    background-color: #FF6C60;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

.ct-jw .col-extra table th,
.ct-jw .col-sub table th {
    height: 42px;
    font-size: 12px;
    color: #333;
    border-top: 1px solid #ECECEC;
}
.ct-jw .col-extra table td,
.ct-jw .col-sub table td {
    height: 41px;
    font-size: 12px;
    color: #333;
    border-top: 1px solid #ECECEC;
    text-align: center;
}
.ct-jw .col-sub table td .num {
    display: inline-block;
    width: 55px;
    height: 20px;
    background-color: #FF6C60;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;

}
.ct-jw .table-wrap {
    margin-top: 20px;
}
.ct-jw .col-extra .table-wrap .num {
    font-size: 16px;
    color: #06bcff;
    font-style: italic;
}
.ct-jw .col-extra table tr:hover td {
    background-color: #FCFCFC;
}
.ct-jw .col-sub table tr:hover td {
    background-color: #FCFCFC;
}

.date-limit {
    display: inline-block;
    width: 58px;
    height: 8px;
    background-color: #F0F0F0;
    border-radius: 4px;
    position: relative;
    margin-right: 8px;
}
.date-limit i {
    display: inline-block;
    width: 58px;
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    background-color: #FF6C60;
    border-radius: 4px;
}

.blank-10 {
    height: 10px;
    overflow: hidden;
    clear: both;
}
.blank-65 {
    height: 65px;
    overflow: hidden;
    clear: both;
}

.anquan-index .ct-grid-2 .ct-shadow {
    height: 400px;
}
.anquan-index .ct-grid-2 .ct-shadow .layout-inner {
    margin: 0 20px;
}
.anquan-index .ct-grid-2 .layout-left {
    width: 50%;
}
.anquan-index .ct-grid-2 .layout-right {
    width: 50%;
}
.anquan-index .ct-grid-2 .layout-left .chart-box {
    padding-right: 15px;
}
.anquan-index .ct-grid-2 .layout-left .link-box {
    text-align: right;
    margin-top: -10px
}
.anquan-index .ct-grid-2 .layout-left .link-box a {
    font-size: 12px;
    color: #333;
}
.anquan-index .ct-grid-2 .layout-left .link-box a:hover {
    text-decoration: underline;
}
.anquan-index .ct-grid-2 .tab-panel2 {
    margin-top: 15px;
}
.anquan-index .ct-grid-2 .tab-panel2 a.more {
    float: right;
    color: #333;
    margin-top: 3px;
}

.anquan-index .energe-abnormal .layout-left {
    width: 60%;
}
.anquan-index .energe-abnormal .layout-right {
    width: 40%;
}
.anquan-index .energe-abnormal .layout-right .item {
    width: 50%;
    height: 90px;
    float: left;
}
.anquan-index .energe-abnormal .layout-right .item .ct-box {
    border: 1px solid #2C86C5;
    background-color: #5FB8F6;
    height: 88px;
    text-align: center;
    color: #fff;
}
.anquan-index .energe-abnormal .layout-right .item h4 {
    font-size: 14px;
    font-weight: normal;
    padding-top: 16px;
    padding-bottom: 16px;
}
.anquan-index .energe-abnormal .layout-right .item p {
    font-size: 30px;
    font-weight: bold;
}
.anquan-index .energe-abnormal .layout-right {
    margin-top: 10px;
}
.anquan-index .energe-abnormal .layout-right .item p i {
    font-size: 14px;
    padding-left: 8px;
    font-weight: normal;
}
.anquan-index .energe-abnormal .layout-right .item-inner2 .ct-box {
    background-color: #87CF38;
    border-color: #69A625;
}

.anquan-index .energe-abnormal2 .layout-left {
    width: 55%;
}
.anquan-index .energe-abnormal2 .layout-right {
    width: 45%;
}

.tab-panel2 .item {
    padding: 0 10px;
    height: 27px;
    float: left;
    color: #333;
    border-bottom: 2px solid #fff;
    font-size: 14px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}
.tab-panel2 .item .arrow {
    position: absolute;
    width: 10px;
    height: 5px;
    background: url(../../images/icon-common.png) no-repeat -190px 0 ;
    left: 50%;
    margin-left: -5px;
    display: none;
    bottom: -1px;
}
.tab-panel2 .item.active,
.tab-panel2 .item:hover {
    border-bottom: 2px solid #45A5F9;
    font-weight: bold;
    color: #45A5F9;
}
.tab-panel2 .item.active .arrow,
.tab-panel2 .item:hover .arrow {
    display: block;
}

.title-map {
    font-size: 16px;
    color: #333;
    height: 23px;
    font-weight: normal;
    padding-left: 37px;
    line-height: 23px;
    background: url(../../images/icon-map2.png) no-repeat 0 0;
    margin-left: 25px;
    margin-top: 18px;
    margin-bottom: 18px;
}
.title-map.title-jiankong {

    background: url(../../images/jiankong_03.png) no-repeat 0 3px;
}
.title-map .title-tab {
    float: right;
    font-size: 14px;
    color: #333;
    margin-right: 25px;
    margin-top: -4px;
}
.title-map .title-tab span {
    color: #999;
}
.title-map .title-tab a {
    margin: 0 5px;
    color: #333;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 110px;
    text-align: center;
}
.title-map .title-tab a:hover {
    color: #00AAFF;
}
.title-map .title-tab a.active {
    background-color: #00AAFF;
    color: #fff;
}
.title-map .filter {
    float: left;
    font-size: 12px;
    margin-left: 20px;
    margin-top: -2px;
}
.title-map .filter  .label-text {
    font-size: 13px;
}

.title-map2 {
    background: url(../../images/icon-amend_03.png) no-repeat 0 0;
    padding-left: 29px;
}

.unsafe-map {
    margin-left: 25px;
    margin-right: 25px;
    height: 429px;
}
.index2-map-wrap .unsafe-map {
    margin-left: 0;
    margin-right: 0;
}
.unsafe-map .line-select-wrap {
    width: 170px;
    float: left;
    height: 429px;
}
.unsafe-map .unsage-map-box {
    height: 429px;
    border: 1px solid #ccc;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;

}
.unsafe-map .line-select-wrap li {
    padding-left: 24px;
    padding-top: 7px;
    padding-bottom: 7px;
    cursor: pointer;
}
.unsafe-map .line-select-wrap li:hover {
    background-color: #FBFBFB;
}
.unsafe-map .line-select-wrap li .radio-text {
    font-size: 13px;
}
.unsafe-map .list-box {
    height: 355px;
    overflow: auto;
}
.unsafe-map .line-select-wrap h3 {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #45A5F9;
}
.unsafe-map .line-select-wrap ul {
    margin-top: 10px;
}
.unsafe-map .select-all {
    height: 36px;
    padding-left: 24px;
    padding-top: 10px;
    border-top: 1px solid #E4E4E4;
}

.table-style2-s td,
.table-style2-s th {
    padding-left: 10px;
}

.c-666 {
    color: #666;
}

.table-style2 {
    border: 1px solid #EFF1F5;
}
.table-style2 th {
    height: 32px;
    background-color: #F7F8FB;
    text-align: left;
    padding-left: 20px;
}
.table-style2 td {
    height: 32px;
    text-align: left;
    padding-left: 20px;
}
.table-style2  .tr-stripe td {
    background-color: #F7F8FB;
}
.table-style2 .total td {
    height: 38px;
    color: #87CF38;
    font-weight: bold;
    font-size: 14px;
}

.energe-comment-area {
    background: #F7F8FB url(../../images/comment-area-bg_03.jpg) repeat-y;
    position: relative;
}
.energe-comment-area .arrow {
    position: absolute;
    width: 28px;
    height: 47px;
    background: url(../../images/comment-area-arrow_07.jpg);
    top: 50%;
    margin-top: -24px;
    left: -13px;
}
.energe-comment-area {
    margin-right: -20px;
    margin-top: 0!important;
}
.energe-comment-area .box {
    margin-left:36px;
    margin-right: 20px;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    border-bottom: 1px dashed #C6C6C9;
    padding-bottom: 17px;
    padding-top: 17px;
}
.energe-comment-area .box h4 {
    font-weight: bold;
    padding-bottom: 10px;
    line-height: 28px;
}
.energe-comment-area .box h4 {
    font-size: 14px;
}
.energe-comment-area .box .fl {
    width: 45%;
    margin-right: 10%;
}
.energe-comment-area .box .fr {
    width: 45%;
}

/* 机务首页 */
.health-wrap {
    border: 1px solid #E3E3E3;
    background-color: #FBFBFB;
    margin: 25px;
}
.health-wrap .health-wrap-inner {
    padding: 25px;
}
.health-wrap .health-wrap-inner .title-box {
    height: 82px;
    border: 1px solid #1B83CB;
    background-color: #2DA5FA;
}
.health-wrap .health-wrap-inner .num {
    font-size: 16px;
    font-weight: bold;
    color: #FF6C60;
    font-style: italic;
}
.health-wrap .health-wrap-inner .title-box .icon-check {
    width: 169px;
    height: 55px;
    background: url(../../images/icon-common.png) 0 -452px;
    float: left;
    margin-left: 20px;
    margin-top: 17px;
}
.health-wrap .health-wrap-inner .title-box  a {
    float: right;
    width: 129px;
    height: 42px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 20px;
}
.health-wrap .health-wrap-inner .title-box  a:hover {
    background-color: #fff;
    color: #2DA5FA;
}
.health-wrap .health-wrap-inner .title-box .health-btn {
    background-color: #7CEE0C;
    border-color: #ACFF5B;
    color: #fff;
}
.health-wrap .health-wrap-inner .title-box .health-btn:hover {
    background-color: #89F71F;
    color: #fff;
}

.health-wrap-inner table {
    border: 1px solid #D1D1D1;
}
.health-wrap-inner table i {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #2DA5FA;
}
.health-wrap-inner table i.middle{
    color: #FFB62B;
}
.health-wrap-inner table i.bad{
    color: #F63C1D;
}
.health-wrap-inner table .icon-add {
    position: relative;
    top: 3px;
}
.health-wrap-inner table th {
    height: 42px;
    text-align: center;
    font-size: 14px;
    color: #999;
    font-weight: normal;
}
.health-wrap-inner table td {
    border-top: 1px solid #D1D1D1;
    height: 42px;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}
.health-wrap-inner table  .inner-table {
    border: 0;
}
.health-wrap-inner h2 {
    font-size: 18px;
    font-weight: bold;
}
.health-wrap-inner table  .inner-table td {
    font-size: 12px;
    text-align: left;
    padding-left: 20px;
}
.health-wrap-inner table  .inner-table th {
    text-align: left;
    padding-left: 20px;
}
.health-wrap-inner table .inner-wrap {
    background-color: #F8F8F9;
}

/* sub nav 4 */
.sub-nav4 a {
    float: left;
    padding: 0 7px;
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid #FAFAFA;
    color: #333;
    width: 45px;
    text-align: center;
    font-size: 12px;
}
.sub-nav4 a:hover,
.sub-nav4 a.active {
    float: left;
    height: 39px;
    line-height: 39px;
    border-bottom: 2px solid #00AAFF;
    color: #00AAFF;
    font-weight: bold;
}

/* 体检报告 */
.tijian-report .item-wrap .item {
    height: 390px;
    overflow: hidden;
}
.tijian-report .item-wrap .report {
    background-color: #F9F9F9;
}
.tijian-report .item-wrap .rank {
    background-color: #fff;
}
.tijian-report .item-wrap .report h3 {
    font-size: 18px;
    color: #00aaff;
    font-weight:bold;
    height: 33px;
    background: url(../../images/report-icon_03.png) no-repeat;
    line-height: 33px;
    text-indent: 38px;
    float: left;
    margin-left: 23px;
    margin-top: 23px;
}
.tijian-report .item-wrap .report .tijian-btn {
    float: right;
    height: 37px;
    line-height: 37px;
    color: #fff;
    border: 1px solid #85C04D;
    width: 110px;
    margin-right: 23px;
    margin-top: 20px;
    background-color: #81DB29;
    font-size: 14px;
    border-radius: 3px;
    text-align: center;
}
.tijian-report .item-wrap .report .tijian-btn:hover {
    background-color:  #71CB1F;

}
.tijian-report .item-wrap .report .ele {
    text-align: center;
    float: left;
    width: 33.2%;
}
.tijian-report .item-wrap .report .ele  .time{
    font-size: 18px;
    width: 112px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -12px;
}
.tijian-report .item-wrap .report .ele + .ele {
    border-left: 1px solid #ddd;
    height: 45px;
}
.tijian-report .item-wrap .report .ele h4 {
    font-size: 14px;
    color: #666;
    padding-bottom: 25px;
    font-weight: normal;
    margin-top: -10px;
}
.tijian-report .item-wrap .report .top {
    margin-top: 62px;
}
.tijian-report .item-wrap .report .ele p {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.line-select {
    float: left;
    width: 104px;
    height: 40px;
    position: relative;
}
.line-select .text {
    cursor: pointer;
    display: block;
    width: 108px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-left: 2px solid #D0A626;
    background: url(../../images/icon-btn-active.png) 75px -652px no-repeat #FAC831;
    text-indent: 18px;
    margin-right: 10px;
    font-size: 13px;
}
.line-select .line-wrap {
    width: 340px;
    background-color: #F9F9F9;
    position: absolute;
    left: 0 ;
    top: 40px;
    height: 356px;
    padding-top: 15px;
    box-shadow: 0 3px 3px #ccc;
    display: none;

}
.line-select .line-wrap .tree-box {
    margin: 15px 20px 0 ;
    height: 292px;
    overflow: auto;
}
.line-select:hover .line-wrap {
    display: block;
}
.line-select .line-wrap  .search-input {
    padding: 6px 12px;
    height: 16px;
    border-radius: 18px;
    border: 1px solid #E0DFE0;
    display: block;
    width: 276px;
    margin-left: 19px;
    background: #fff url(../../images/search-btn3_03.png) no-repeat  274px 6px;

}

.time-select-bar .line-select {
    min-width: 104px;
    width: auto;
    margin-right: 10px;
}
.time-select-bar .line-select .text {
    min-width: 104px;
    width: auto;
    display: inline-block;
}

#showlineName {
    color: #F9BB00;
    font-size: 13px;
}

/* 车场首页 */
.car-factory .col-main2 .jw-question li {
    height: 43px;
    line-height: 43px;
}
.car-factory .col-main2 .jw-question li i {
    margin-top: 11px;
}
.car-factory .col-main2 .jw-question li:hover {
    background-color: #FCFCFC;
}
.car-factory .ct-1 .ct-shadow {
    height: 275px;
}

.area-car-rank ul li {
    height: 20px;
    margin-top: 30px;
    padding-left: 115px;
    padding-right: 90px;
    position: relative;
}
.area-car-rank ul li .num-bar {
    height: 22px;
    background-color: #F2F2F2;
    width: 100%;
}
.area-car-rank ul li .num-bar .inner {
    background-color: #FF6C60;
    height: 22px;
}
.area-car-rank ul li.rank2 .num-bar .inner {
    background-color: #FCAB53;
}
.area-car-rank ul li.rank3 .num-bar .inner {
    background-color: #50D2C2;
}
.area-car-rank ul li.rank4 .num-bar .inner {
    background-color: #8C88FF;
}
.area-car-rank ul li i {
    position: absolute;
    font-size: 14px;
    color: #333;
    left: 10px;
    text-indent: 40px;
    background: url(../../images/icon-common.png) -167px -638px no-repeat;
}
.area-car-rank ul li.rank2 i {
    background-position: 	-167px -662px;
}
.area-car-rank ul li.rank3 i {
    background-position: 	-167px -686px;
}
.area-car-rank ul li.rank4 i {
    background-position: 	-167px -712px;
}
.area-car-rank ul li .car-num {
    width: 70px;
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 0;
}

.blank-25 {
    height: 25px;
    overflow: hidden;
    width:100%;
}

.car-area-wrap {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 25px;
    background-color: #fff;
    height: 466px;
    overflow: hidden;
}
.car-area-wrap .car-area {
    width: 230px;
    background-color: #FCFCFC;
    height: 535px;
    float: left;
    overflow: hidden;
}
.car-area-wrap .car-area .car-select {
    height: 484px;
    overflow: auto;
}
.car-area-wrap .car-area .area {
    height: 44px;
    background-color: #00AAFF;
    color: #fff;
    font-weight: normal;
    line-height: 44px;
    text-align: center;
    position: relative;
    font-size: 16px;
}
.car-area-wrap .car-area .area .back-btn2 {
    display: none;
    background: url(../../images/icon-btn-active.png) no-repeat 9px -608px;
    text-indent: 32px;
    position: absolute;
    right: 10px;
    top: 1px;
    color: #fff;
}
.car-area-wrap .car-area .area-back {
    text-align: left;
    padding-left: 15px;
    font-size: 14px;

}
.car-area-wrap .car-area .area-back .back-btn2{
    display: block;
}
.car-area-wrap .car-area .area span {
    display: inline-block;
    background: url(../../images/icon-common.png) 0 -522px no-repeat;
    padding-left: 22px;
}
.car-area-wrap .car-area table {
    margin-top: 5px;
}
.car-area-wrap .car-area table td {
    text-align: center;
    height: 30px;
}
.car-area-wrap .car-area table tr:hover td {
    background-color: #fff;
}
.car-area-wrap .car-area table th {
    height: 30px;
}
.car-area-wrap .car-area table td .link-monitor,
.car-area-wrap .car-area table td .link-pic {
    position: relative;
    top: 3px;
}
.car-area-wrap .search-input {
    height: 30px;
    margin: 10px 10px 0;
    line-height: 30px;
    border: 1px solid #ccc;
    width: 191px;
    padding: 0 8px;
    background: url(../../images/icon-common.png) no-repeat 186px -810px #fff;
}

.link-pic {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-common.png) 0 -751px no-repeat;
}
.link-monitor {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-common.png) 0 -784px no-repeat;
}
.icon-car {
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url(../../images/org-tree-icon.png) 0 -95px;
}
.icon-car-normal-a {
    background-position: -43px -95px;
}
.icon-car-elec {
    background-position: 0 -120px;
}
.icon-car-elec-a {
    background-position: -43px -120px;
}
.icon-car-h {
    background-position: 0 -143px;
}
.icon-car-h-a {
    background-position: -43px -143px;
}
.icon-car-normal-out {
    background-position: -86px -95px;
}
.icon-car-elec-out {
    background-position: -86px -120px;
}
.icon-car-h-out {
    background-position: -86px -143px;
}

/*安全首页*/
.bus-stop-list2 ul li .radius {
    background-position: -76px -567px;
}
.bus-stop-list2 {
    background-color: #FFBC43;
    margin-top: 95px;
}
.bus-stop-list2 ul li {
    position: relative;
}
.bus-stop-list2 ul li + li {
    margin-left: 80px;
    margin-right: 0;
}
.bus-stop-list2 ul li .num {
    visibility: hidden;
}
.bus-stop-list2 ul li .times {
    width: 79px;
    height: 43px;
    background: url(../../images/icon-common.png) -76px -274px;
    position: absolute;
    left: 18px;
    top: -23px;
    font-size: 15px;
    text-align: center;
    line-height: 37px;
    color: #FFBC40;
}
.bus-stop-list2 ul li .times:hover {
    animation: 1.7s upDown infinite ease-in-out;
    -webkit-animation: 1.7s upDown infinite ease-in-out;
    -moz-animation: 1.7s upDown infinite ease-in-out;
    -ms-animation: 1.7s upDown infinite ease-in-out;
    background: url(../../images/icon-common.png) -76px -317px;
    color: #F63F1B;
}
.bus-stop-list2 ul li .line {
    width: 102px;
    height: 2px;
    background-color: red;
    position: absolute;
    top: 37px;
    left: 15px;
    opacity: 0;
    filter:alpha(opacity = 0);
}
.bus-stop-list2 ul li .line-active {
    animation: 1.7s opacity infinite linear both;
    -webkit-animation: 1.7s opacity infinite linear both;
    -moz-animation: 1.7s opacity infinite linear both;
    -ms-animation: 1.7s opacity infinite linear both;
}
@keyframes upDown {
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}
@-webkit-keyframes upDown {

    50% {
        -webkit-transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes upDown {
    50% {
        -moz-transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-ms-keyframes upDown {
    50% {
        -ms-transform: translateY(10px);
    }
    100% {
        -ms-transform: translateY(0);
    }
}
.bus-stop-list2 ul {
    padding-left: 50px;
}
.sub-nav5 {
    text-align: center;
    position: relative;
    top: -4px;
}
.sub-nav5 a {
    display: inline-block;
    border: 1px solid #ccc;
    height: 30px;
    width: 	80px;
    text-align: center;
    line-height: 30px;
}
.sub-nav5 a + a {
    border-left: 0;
}
.sub-nav5 a.active {
    background-color: #00AAFF;
    color: #fff;
    border-color: #00AAFF;
}

@media print {

    @page {
        size: A4 landscape;
    }

    .time-select-fixed {
        position: inherit !important;
    }

    .blank-65 {
        display: none !important;
    }
    .page-print-btn {
        display: none;
    }

    .ct-grid-2.clearfix.mt25 {
        margin-top: 0 !important;
    }

    .ct-grid-2.clearfix.mt25 .ct-shadow {
        padding-bottom: 0 !important;
    }
}